<template>
  <div class='my-source fill'>
    <a-menu v-model="current" mode="horizontal">
      <a-menu-item key="1">进行中</a-menu-item>
      <a-menu-item key="2">已归档</a-menu-item>
    </a-menu>
    <div class="source-content">
      <source-card v-for="i in 7" :key="i" />
    </div>
  </div>
</template>
<script>
  export default {
    data(){
      return {
        current:['1']
      }
    },
    props:{},
    components:{
      SourceCard:()=>import('./components/SourceCard')
    },
    computed:{},
    mounted(){

    },
    methods:{

    }
  }
</script>
<style lang='less' scoped>
  // .my-source{
  //   background: red;
  // }
  .source-content{
    height: calc(100% - 78px);
    margin-top: 30px;
    // overflow: initial;
    overflow-y: auto;
    // background: blue;
  }
  /deep/.ant-menu-horizontal > .ant-menu-item-selected{
    border-bottom: 2px solid #0A2845 !important;
  }
</style>